<template>
  <view>
    <u-input v-model="qRCodeVal" type="textarea" :border="border" />
    <u-button @click="generateQRCode">二维码生成</u-button>
	
	  <u-image v-if="qRCodeUrl" width="600" height="600"  :src="qRCodeUrl"></u-image>
    <listLine></listLine>
  </view>
</template>

<script>
import listLine from "../../../components/bilibili/list/listLine.vue";
export default {
  data() {
    return {
      border: true,
	  qRCodeUrl: '',
    };
  },
  components: { listLine },
  methods: {
 async generateQRCode() {
 	const res = await this.http(this.api.GenerateQRCode, {
 		qRCodeVal: this.qRCodeVal,
 	});
 
 	this.qRCodeUrl = this.baseHttpUrl + res;
 },
  },
};
</script>

<style>
	.u-image{
		margin: auto;
	}
</style>
